<!DOCTYPE html>
<html lang="zh-CN">
 <head> 
  <#include "../head.html" />
  <script type="text/javascript" src="${base}/dwr/engine.js"></script>  
  <script type="text/javascript" src="${base}/dwr/util.js"></script>
  <script type="text/javascript" src="${base}/dwr/interface/CloudPush.js"></script>
  <script type="text/javascript" src="${base}/res/tb/js/countUp.js-master/dist/countUp.js"></script>
 </head> 
 <body onload="dwr.engine.setActiveReverseAjax(true);dwr.engine.setNotifyServerOnPageUnload(true);">
   <#include "../layout/top.html" />
   <div class="container bs-docs-container"> 
  <div class="row"> 
   <#include "../layout/left-menu.html" />
   <div class="col-md-9" role="main">
   <div>
   		云签助手累计签到：<span class="jumbo" id="count">${(cloud.count)!}</span>&nbsp;&nbsp;次，获得经验&nbsp;&nbsp;<span class="jumbo" id="exp">${(cloud.exp)!}</span>
   		
   </div>
	<div id="dom_id" class="panel panel-default" style="width:400px;display: none;">
      <div class="panel-body" style="overflow-y:auto; overflow-x:auto; width:400px; height:400px;">
         <p id="signRec" style="font-weight: bold;">
         </p>
   	  </div>
	</div>
	  </div>
   
  </div>  
  </div>
 <!-- <div style="text-align: center;"> Copyright © 2016 <a href="http://iicm.me">
        iicm       </a> All rights reserved.</div> -->
 </body>
 <script type="text/javascript">
 function showRec(htmlStr){
	 $("#dom_id").show();
	 $("#signRec").append(htmlStr);
	 $(".panel-body").scrollTop($(".panel-body")[0].scrollHeight);
 }
 $(function(){
	 changeCount(${(cloud.count)!});
	 changeExp(${(cloud.exp)!});
 });
 function show(count,exp){
	 changeCount(count);
	 changeExp(exp);
 }
 function changeCount(count){
	var options = {
	  useEasing : true, 
	  useGrouping : true, 
	  separator : ',', 
	  decimal : '.', 
	  prefix : '', 
	  suffix : '' 
	};
	var demo1 = new CountUp("count", 0, count, 0, 2.5, options);
	demo1.start();
 }
 function changeExp(count){
	var options = {
	  useEasing : true, 
	  useGrouping : true, 
	  separator : ',', 
	  decimal : '.', 
	  prefix : '', 
	  suffix : '' 
	};
	var demo2 = new CountUp("exp", 0, count, 0, 2.5, options);
	demo2.start();
 }
</script>
</html>